import './App.css';
import Props from './components/Props'
import Props2 from './components/Props2'
import Tab from './components/Tab'
import Father from './components/Father'
import Mark from './components/Mark'

let list = [
  {
      title: "语文",
      contenxt: "语文内容11"
  },
  {
      title: "数学",
      contenxt: "数学内容11"
  },
  {
      title: "英语",
      contenxt: "英语内容11"
  }
]

let list2 = [
  {
      title: "生物",
      contenxt: "生物内容11"
  },
  {
      title: "化学",
      contenxt: "化学内容11"
  },
  {
      title: "政治",
      contenxt: "政治内容11"
  },
  {
    title: "地理",
    contenxt: "地理内容11"
},
]

function App() {
  return (
    <div className="App"> 
      {/* <Props num={8888}/> */}

      {/* <Props2 num={12345}/> */}

      {/* <Tab type = "horizontal" list = { list }/>

      <Tab type = "vertical" list = { list2 }/> */}

      {/* 子向父传递数据 */}
      {/* <Father/> */}

      {/* 自相符传递数据案例--弹框 */}
      <Mark/>
    </div>
  );
}

export default App;
